<template>
  <div class="box">
    <!-- <h1>书影音</h1> -->
    <!-- 头部导航 -->
    <van-nav-bar class="nav">
      <template #title>
        <div class="title">书影音</div>
      </template>
      <!-- 小图片 -->
      <template #right>
        <van-icon name="static/images/img1/ic_actionbar_search_icon.png" size="45" />
        <van-icon name="static/images/img1/ic_chat_green.png" size="45" />
      </template>
    </van-nav-bar>
    <!-- Tab标签页; -->
    <!-- <van-tabs v-model="active">
      <van-tab title="标签 1">内容 1</van-tab>
      <van-tab title="标签 2">内容 2</van-tab>
      <van-tab title="标签 3">内容 3</van-tab>
      <van-tab title="标签 4">内容 4</van-tab>
    </van-tabs> -->
  </div>
</template>
<script>
export default {
    // 标签页
    data() {
    return {
      active: 2,
    };
  },
};
</script>
<style scoped>
.nav{
background-color: whitesmoke;
}
.title{
  color: gray;
}
</style>